@import 'color.less';
button{ 
    position: relative;
        overflow: initial;
    span{
        position: absolute;
        top:-10px;
        right: 10px;
        display:block;
        width: 20px;
        height: 20px;
        background: url(../img/love.png) no-repeat center center;
        background-size:cover;
    }
}
//按钮盒子
.btnbox{
    height: auto;
    margin: 10px 4% 0px;
    position: relative;
    img{
        width: 100%;
        opacity: 0;
    }
    .mybtn{
//      display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top:0;
        background: url(../img/mybtn.png) no-repeat center center;
        background-size: 100%;
        border-radius: 4px;
        border: none;
        color: #fff;
        text-align: center;
        line-height: 40px;
    }
    span{
        position: absolute;
        top: -10px;
        right: 10px;
        display: block;
        width: 20px;
        height: 20px;
        background: url(../img/love.png) no-repeat center center;
        background-size: cover;
    }
}
//用户信息
.userinfo{
    position: relative;
    height: auto;
    margin: 10px 4% 0px;
    border-radius: 8px;
    background: #e487d1;
    background: linear-gradient(to right ,#fd88bc,#cb86e6);
    padding: 10px 20px;
    p{
        height: 40px;
        color: #fff;
        position: relative;
        line-height: 40px;
    }
    .userdes{
        line-height: 26px;
        height: auto;
        text-align: justify;
    }
    span{
        display: block;   
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        width: 90px;
        line-height: 40px;
        text-align: right;
    }
    i{
        font-style: normal;
    }
}
//用户图片展示
#swiper{
    padding: 10px 0 10px;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #fff;
    margin: 20px 4% 10px;
    border-radius: 8px;
    .leftbox{
        width: 26%;
        position: absolute;
        bottom: 10px;
        left: 0;
    }
    .rightbox{
        width: 26%;
        position: absolute;
        bottom: 10px;
        right: 0;
    }
    .contentbox{
        width: 40%;
        height: 240px;
        line-height: 240px;
        min-height: 240px;
        margin-left: 30%;
        border-radius: 8px;
        overflow: hidden;
        img{
            vertical-align: middle;
            margin: 0;
            width: 100%;
        }
    }
    .test{
        background: #F73E2B;
    }
    img{
        width: 80%;
        margin-left: 10%;
        border-radius: 8px;
    }
}

//标题盒子
.titlebox{
    height: 46px;
    width: 100%;
    margin: 20px 0 0px;
    overflow: hidden;
    position: relative;
    img{
        width: 100%;
        pointer-events: none;
        position: absolute;left: -5%;
        top:2px;
    }
    .titlebg2{
        left: 95%;
    } 
    span{
    display: block;
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0px;
    width: 120px;
    background:#D6A8EA url(../img/textbg.png) no-repeat center top;
    background-size: 114px;
    margin-left: -60px;
    color: #fff;
    line-height:42px;
    text-align: center;
    }
}
//列表盒子
.listbox{
    width: 100%;
    height:auto;
    position: relative;
    overflow: hidden;
}
//报名信息
.userInfo{
    width: 100%;
    height: auto;
    margin-bottom: 80px;
    background: #fff;
    .Imgbox{
         display: flex;
         height: auto;
         img{
            width: 60%;
            margin: 0 20%;
        }
        .Img1{
            flex: 1;
        }
        .Img2{
            width: 60%;
        }
    } 
}
//活动奖品
.activePrize{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    h3{
        background: #Fff;
        border-radius: 8px 8px 0 0;
        height: 30px;
        position: relative;
    }
    h3:before{
        content: "";
        display: block;
        width: 100%;
        height: 90px;
        position: absolute;
        top: -150%;
        left:0%;
        background: url(../img/first.png) no-repeat center center;
        background-size: 100%;
    }
    .secondPrize:before{
        background: url(../img/second.png) no-repeat center center;
        background-size: 100%;
    }
    .threePrize:before{
        background: url(../img/third.png) no-repeat center center;
        background-size: 100%;
    }
    .fourPrize:before{
        background: url(../img/four.png) no-repeat center center;
        background-size: 30%;
    }
    .prize{
        margin: 20px 4% 0;
        height: auto;
        border-radius:8px;
        display: flex;
        background: #fff;
        div{
           flex: 1;
           height: auto;
           p{
               text-align: center;
               line-height: 32px;
           }
           img{
               width: 70%;
               max-width: 100%;
               margin: 0 15%;
           }
           .fourimg{
                width: 90%;
                margin: 0px 4%;
           }
           .title2{
               height: 48px;
               line-height: 20px;
               padding-top: 16px;
           }
           .title1{
               height: 64px;
               line-height:64px;
           }
           p:first-child{
                margin: 20px 0;
                font-size: 14px;
                line-height: 20px;
           }
           p:last-child{
               color: #f00;
               margin: 8px 0;
           }
        } 
        div:nth-of-type(2){
            margin: 0 8px;
        }
        
   }
}
